{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"行业管理",back:1} %}
    <div class="c12 fs9">
        <div class="pad5 bcf">
            <div class="list-style-2">主营行业(可选1/已选0)</div>
            <div class="flex-r flex-center padtb9">
                <div class="wh20-20 flcc bdda round3 bcf pos-r">
                    <mu-ripple @click="select()">
                        <img class="wh10-10 op4" :src="picAdd" alt="">
                    </mu-ripple>
                </div>
            </div>
        </div>
        <div class="pad5 bcf">
            <div class="list-style-2">主营分类(可选3/已选0)</div>
            <div class="flex-r flex-center padtb9">
                <div class="wh20-20 flcc bdda round3 bcf">
                    <img class="wh10-10 op4" :src="picAdd" alt="">
                </div>
            </div>
        </div>
        <div class="mar10 bdda bdc1 tac pad10 fs8 c1 pos-r">
            <mu-ripple @click="goto('shopInsureMoney')">缴纳保证金后获得额外可选标签</mu-ripple>
        </div>

        <div class="c1 tac pad5 bcf bdtso bdc13 bdw5"><span class="fa fa-gg"></span> 保证金特权 <span class="fa fa-gg"></span></div>
        <div class="pad5 bcf">
            <div class="list-style-1">主营行业(可选1/已选0)</div>
            <div class="flex-r flex-center padtb9">
                <div class="wh20-20 flcc bdda round3 bcf">
                    <img class="wh10-10 op4" :src="picAdd" alt="">
                </div>
            </div>
        </div>
        <div class="pad5 bcf">
            <div class="list-style-1">主营分类(可选3/已选0)</div>
            <div class="flex-r flex-center padtb9">
                <div class="wh20-20 flcc bdda round3 bcf">
                    <img class="wh10-10 op4" :src="picAdd" alt="">
                </div>
            </div>
        </div>

    </div>
    <div>
        <div class="pad5 bc13">
            <div class="bcf pad6 round3 bdbda fs9  c11">
                    <div class="flex2 tac scrollX-Box">
                        <div class="scrollX-Item pad5 mar2 bdso pos-r" :class="cat1 == item.id ? 'bc13 c11':'bcf'"
                             v-for="item in cats">
                            <div>
                                <img :src="picUrl(item.pic)" class="wh20-20" alt="" onerror="this.src=pic404">
                            </div>
                            <div class="tac"> [[item.name]]</div>
                            <mu-ripple @click="setCat1(item.id)"></mu-ripple>
                        </div>
                    </div>
            </div>
            <div class="bcf pad6 round3 bdbda fs9  c11" v-if="isTrue(cat1)">
                {#                    选择分类#}
                    <div class="" v-for="item,index in cats">
                        <div :id="'item' + item.id" class="" v-show="cat1 == item.id">
                            <div class="scrollX-Box">
                                <div class="scrollX-Item bcf pad5 mar2 bdso pos-r" v-for="row in item.sons"
                                     :class="cat2 == item.id + '_' + row.id ? 'bc13 c11':'bcf'">
                                    <div> <img :src="picUrl(row.pic)" class="wh20-20" alt="" onerror="this.src=pic404"></div>
                                    <div class="tac"> [[row.name]]</div>
                                    <mu-ripple @click="setCat2(row.id)"></mu-ripple>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
{% endblock %}